<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="utf-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <link rel="shortcut icon" href="/cwp/favicon.ico" type="image/x-icon" />
    <title>首航节能-智慧园区</title>
    <!--引入CSS文件-->
    <link rel="stylesheet" type="text/css" href="../../../assets/css/styles/style.css" />
    <link rel="stylesheet" type="text/css" href="../../../assets/css/styles/components-css/list.css" />
    <link rel="stylesheet" type="text/css" href="../../../assets/css/styles/components-css/table.css" />
    <link rel="stylesheet" type="text/css" href="../../../assets/css/styles/components-css/paging.css" />
    <link rel="stylesheet" type="text/css" href="../../../assets/css/styles/components-css/btn.css" />
    <link rel="stylesheet" type="text/css" href="../../../assets/css/styles/components-css/taqs.css" />
    <link rel="stylesheet" type="text/css" href="../../../assets/css/styles/components-css/form.css"/>
    <link rel="stylesheet" type="text/css" href="../../../assets/lib/bootstrap-3.3.5-dist/css/bootstrapModel.css" />
    <link rel="stylesheet" type="text/css" href="../../../assets/css/userManagement/userManagement.css"/>
    <!--表单验证样式-->
    <link rel="stylesheet" type="text/css" href="../../../assets/lib/formValidator/style/validator.css"/>
    <!--树形节点样式-->
    <link rel="stylesheet" type="text/css" href="../../../assets/lib/zTree/css/zTreeStyle/zTreeStyle.css"/>
    <style>
        .modal-body{
            overflow: auto;

        }

        .tree{
            padding-bottom: 0px;
        }
        .modal-body-tree{

        }
        .modal-body-left{
            width: 49.8%;
            float: left;
            height: 300px;
            border-right: 1px solid #e6ecec;
            padding-bottom: 65px;
        }
        .t-list-btns{
            margin-top: 0px !important;
        }
        .modal-body-right{
            width: 50%;
            float: left;
        }
        .ztree li span{
            line-height: 22px;
        }
        .ztree li span.button.bottom_close{
            background-position: -74px -33px !important;
        }
        .ztree li span.button.bottom_open{
            background-position: -92px -33px !important;
        }
        .ztree li span.button.center_close{
            background-position: -74px -15px;
        }
        .ztree li span.button.center_open{
            background-position: -92px -15px;
        }
        .ztree li span.button.roots_close{
            background-position: -74px 3px;
        }
        .ztree li span.button.roots_open{
            background-position: -92px 3px
        }
        .t-columns-1 li{
            width: 95%;
        }
        .t-columns-group li.width-all{
            width: 95%;
        }
        .tipArea div{
            padding-right: 0;
        }
        #treeOrg{
            height: 150px;
        }
        /* add */
        .t-list-ztree{
            width:50%;
            float:left;
        }
        .t-list-ztree p{
            text-align:center;
            line-height: 30px;
        }
    </style>
</head>
<body>

<!--头部文件 开始-->
<div id="header"></div>
<!--头部文件 结束-->
<div class="wrapper">
    <!--左侧菜单 开始-->
    <div id="left-menu"></div>
    <!--左侧菜单 结束-->
    <!--右侧内容 开始-->
    <div class="right-container">
        <div class="right-scroll">
            <div class="t-list">
                <div class="t-list-title">
                    <h2>用户管理 > 角色管理</h2>
                </div>
                <div class="t-list-search t-columns-4">
                    <form id="frmSearch" onsubmit="return false">
                        <ul class="t-columns-group">
                            <li>
                                <label>关键字</label>
                                <div><input id="roleNameSearch" name="roleName"  placeholder="角色名称"/></div>
                            </li>

                            <!-- 时间组 -->
                            <li>
                                <label>&nbsp;</label>
                                <div>
                                    <a class="t-btn" id="btnSearchList">
                                        <i class="icon-search" ></i>
                                        查询
                                    </a>
                                </div>
                            </li>
                        </ul>
                    </form>
                </div>

                <div class="t-list-btns">

                    <p>请求记录</p>
                    <span id="roleTabTotal"></span>
                    <a id="refreshRoleTab" title="刷新" style="display: none;">
                        <i class="iconfont icon-shuaxin"></i>
                    </a>
                    <div>
                        <a class="t-btn t-btn-blue" id="btnAddRole">新增</a>
                    </div>
                </div>

                <div class="t-list-result">

                    <!-- 表格 -->
                    <table class="t-table" id="roleTab"></table>
                    <!-- 分页 -->
                    <div class="pagination" id="roleTabPagination"></div>
                </div>
            </div>
        </div>
    </div>
    <!--右侧内容 结束-->
</div>

<!--版权-->
<div id="copyright"> </div>

<!--编辑页面-->

<!--模态框-->
<!--新增用户页面-->
<div class="modal fade bs-example-modal-lg" id="modalAddRole" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="exampleModalLabel">新增角色</h4>
            </div>

            <form id="frmMain">
                <div class="modal-body tree">
                    <div class="t-list">
                        <!--基础信息-->
                        <div class="modal-body-left">
                            <div class="modal-body-tree">
                                <div class="t-list-btns">
                                    <p>权限设置</p>
                                </div>
                                <div class="t-list-ztree">
                                    <p>WEB</p>
                                    <ul id="treeOrg" class="ztree fl"></ul>
                                </div>
                                <div class="t-list-ztree">
                                    <p>APP</p>
                                    <ul id="treeOrg2" class="ztree fl"></ul>
                                </div>
                            </div>
                        </div>
                        <div class="modal-body-right">
                            <div class="t-list-btns">
                                <p>基本信息</p>
                            </div>

                            <div class="person-setting first">
                                <div class="t-columns-1">
                                    <ul class="t-columns-group">
                                        <li>
                                            <input id="hidRoleId" type="text" name="roleId" class="hide" value=""/>
                                            <label><span class="t-tip-verification">*</span>角色名称</label>
                                            <div><input type="text" id="roleName" name="roleName"/></div>
                                            <input type="hidden" id="oldRoleName"/>
                                        </li>
                                        <li class="verify">
                                            <label></label>
                                            <div class="tipArea">
                                                <div id="roleNameTip"></div>
                                            </div>
                                        </li>
                                        <li class="width-all">
                                            <label class="necessary">角色描述</label>
                                            <div><textarea id="addRoleDescrebe" name="describeRole"></textarea></div>
                                        </li>
                                        <li class="verify">
                                            <label></label>
                                            <div class="tipArea">
                                                <div id="addRoleDescrebeTip"></div>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>



                        <!--角色信息-->
                        <!--<div class="t-list-btns">-->
                        <!--<p>权限</p>-->
                        <!--</div>-->
                        <!--<div class=" person-setting">-->
                        <!--<div class="txt-aln-l" id="roleMenu">-->

                        <!--</div>-->
                        <!--</div>-->
                    </div>
                </div>
                <div class="modal-footer">
                    <input type="hidden" id="hiddend" value=""/>
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                    <button type="button" class="btn btn-primary" onclick="saveMenu()">保存</button>
                </div>
            </form>
        </div>
    </div>
</div>
<!--修改用户页面-->


<!--提示模态框-->
<div class="modal fade bs-example-modal-sm" id="myTip" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">
    <div class="modal-dialog modal-sm" role="document">
        <div class="modal-content">
            <div class="modal-body" style="text-align:center;font-size:14px;">
                <i id="icon-tip" style="margin-right:6px;"></i>
                <span class="tip-info"></span>
            </div>
        </div>
    </div>
</div>

<!--jQuery库脚本-->
<!--非IE8浏览器-->
<!--[if !(IE 8)]><!--><script type="text/javascript" src="../../../assets/lib/jquery/jquery.min.js"></script><!--<![endif]-->
<!--IE8浏览器-->
<!--[if IE 8]><script type="text/javascript" src="../../../assets/lib/jquery/jquery-ie8.min.js"></script><![endif]-->
<script type="text/javascript" src="../../../assets/lib/jQuery-slimScroll-1.3.8/jquery.slimscroll.min.js"></script>

<script charset="utf-8"  src="../../../assets/lib/tipModal/js/tipModal.js"></script>

<script charset="utf-8"  src="../../../assets/common/loadHeaderAndCopyright.js"></script>

<script charset="utf-8"  src="../../../assets/common/categorySelect.js"></script>
<!--模态框-->
<script charset="utf-8"  src="../../../assets/lib/bootstrap-3.3.5-dist/js/bootstrap.min.js"></script>

<script charset="utf-8"  src="../../../assets/common/centerModal.js"></script>

<script charset="utf-8"  src="../../../assets/common/ajaxPoster.js"></script>
<!--分页脚本-->
<script charset="utf-8" src="../../../assets/lib/pagination/1.2.1/jquery.pagination.js"></script>
<script charset="utf-8"  src="../../../assets/common/loaderTable.js"></script>

<script charset="utf-8"  src="../../../js/systemManagement/userManagement/roleModal.js"></script>
<script charset="utf-8"  src="../../../assets/lib/formValidator/formValidator.js"></script>
<script charset="utf-8"  src="../../../assets/lib/formValidator/formValidatorRegex.js"></script>
<!--树形节点-->
<script charset="utf-8" src="../../../assets/lib/zTree/js/jquery.ztree.core.min.js"></script>
<script charset="utf-8" src="../../../assets/lib/zTree/js/jquery.ztree.excheck.min.js"></script>
<script charset="utf-8" src="../../../assets/lib/zTree/js/jquery.ztree.exedit.min.js"></script>
</body>
</html>